<div class="xblock-student_view-sequential">
  <div id="sequence_workflow" class="sequence">
    <div class="sequence-nav">
      <button class="sequence-nav-button button-previous">
        <span class="icon fa fa-chevron-prev" aria-hidden="true"></span>
        <span>Previous</span>
      </button>
      <button class="sequence-nav-button button-next">
        <span>Next</span>
        <span class="icon fa fa-chevron-next" aria-hidden="true"></span>
      </button>
      <nav class="sequence-list-wrapper" aria-label="Unit">
        <ol id="sequence-list" role="tablist">
          <li role="presentation">
            <button role="tab" tabindex="0" aria-selected="true" aria-expanded="true" aria-controls="seq_content" class="seq_problem nav-item tab active" data-index="0" data-id="block-v1:edX+DemoX+Demo_Course+type@vertical+block@fb79dcbad35b466a8c6364f8ffee9050" data-element="1" data-page-title="Unit 101" data-path="Example Week 2: Get Interactive > Homework - Part 1  > Unit 101" id="tab_0">
              <span class="icon fa seq_problem" aria-hidden="true"></span>
              <span class="fa fa-fw fa-bookmark bookmark-icon is-hidden" aria-hidden="true"></span>
              <span class="fa fa-check-circle check-circle is-hidden" style="color:green" aria-hidden="true">
              <div class="sequence-tooltip sr"><span class="sr">problem</span>Unit 101<span class="sr bookmark-icon-sr"></span></div>
            </button>
          </li>
          <li role="presentation">
            <button role="tab" tabindex="-1" aria-selected="true" aria-expanded="true" aria-controls="seq_content" class="seq_problem inactive nav-item tab" data-index="1" data-id="block-v1:edX+DemoX+Demo_Course+type@vertical+block@fb79dcbad35b466a8c6364f8ffee9051" data-element="2" data-page-title="Unit 102" data-path="Example Week 2: Get Interactive > Homework - Part 1 > Unit 102" id="tab_1">
              <span class="icon fa seq_problem" aria-hidden="true"></span>
              <span class="fa fa-fw fa-bookmark bookmark-icon is-hidden" aria-hidden="true"></span>
              <span class="fa fa-check-circle check-circle is-hidden" style="color:green" aria-hidden="true">
              <div class="sequence-tooltip sr"><span class="sr">problem</span>Unit 102<span class="sr bookmark-icon-sr"></span></div>
            </button>
          </li>
        </ol>
      </nav>
    </div>

    <div class="sr-is-focusable" tabindex="-1"></div>

    <div id="seq_content" role="tabpanel"></div>

    <nav class="sequence-bottom" aria-label="Section">
      <button class="sequence-nav-button button-previous">
        <span class="icon fa fa-chevron-prev" aria-hidden="true"></span>
        <span>Previous</span>
      </button>
      <button class="sequence-nav-button button-next">
        <span>Next</span>
        <span class="icon fa fa-chevron-next" aria-hidden="true"></span>
      </button>
    </nav>
  </div>
</div>
